.contract{
  width: 100%;
  min-width: 1200px;
  padding: 38px 0 130px;
  .contract-tab{
    margin-top: 25px;
    span{
      font-size: 18px;color: #666;margin-left: 35px;
      border-bottom: 2px solid transparent;display: inline-block;
      cursor: pointer;padding: 0 2px;
      &:first-child{margin-left: 0;}
      &.active{color: #a55941;border-color: #a55941;}
    }
  }
  .contract-con{
    background-color: #fff;padding: 30px 150px 80px;
    li{
      margin-top: 15px;
      .list{
        background-color: #f5f5f5;padding: 15px 30px 15px 25px;
        overflow: hidden;position: relative;
        .title{
          font-size: 16px;color: #a55941;
        }
        .explain{
          color: #999;margin-top: 6px;width: 720px;
        }
        .check{
          width: 76px;height: 28px;text-align: center;
          line-height: 28px;color: #c08d7d;
          border: 1px solid #c08d7d;border-radius: 8px;
          position: absolute;right: 30px;top: 30px;
          cursor: pointer;
          &:hover{
            background-color: #c08d7d;color: #fff;
          }
        }
      }
      .list-con{
        height: 0;transition: all 0.5s;
        overflow:hidden;width: 916px;position: relative;left: -8px;
        &.active{height: auto;padding: 8px;}
        .list-con-list{
          padding: 0 30px 0 25px;
          .box{
            border-bottom: 1px solid #dfdfdf;cursor: pointer;
            padding: 15px 0;font-size: 12px;color: #666;
            .ct-name{font-size: 14px;color: #333;}
            .ct-man{color: #333;margin-right: 36px;}
            .ct-scan{width: 130px;}
          }
          &:hover{
            box-shadow: 0 0 10px #ccc;
            .box{border-color: transparent;}
          }
        }
      }
    }
  }
  .consult-con{
    padding: 10px 35px 35px;overflow: hidden;background-color: #fff;
    .left-con{
      width: 755px;position: relative;padding-bottom: 20px;
      .list{
        overflow: hidden;margin-top: 25px;
        .left{
          width: 60px;text-align: right;font-size: 18px;
          position: relative;top: 2px;
        }
        .right{
          width: 670px;vertical-align: top;
          input:focus,textarea:focus{border-color: #aa7b5f;}
          input{border: 1px solid #d3d3d3;text-indent: 1em;}
          textarea{
            width: 670px;height: 126px;border-color: #d3d3d3;
            padding: 8px;font-size: 12px;
          }
          .title{
            width: 670px;height: 38px;
          }
          .tel{width: 112px;height: 28px;}
          .hook{
            width: 20px;height: 20px;display: inline-block;
            text-align: center;line-height: 20px;
            color: #aa7b5f;border: 1px solid #d3d3d3;
            font-size: 12px;margin-right: 5px;vertical-align: middle;
          }
          span{color: #aa7b5f;}
          &.t5{position: relative;top: 5px;padding-bottom: 5px;}
        }
        .text-con{
          position: relative;
          .num{
            position: absolute;right: 20px;bottom: 10px;
          }
          font-size: 12px;color: #999;
        }
      }
      .address{
        margin-top: 25px;
        .address-list{
          width: 197px;margin-left: 81px;
          &:first-child{margin-left: 0;}
          .left{width: 60px;text-align: right;font-size: 18px;}
          .right{
            width: 112px;height: 28px;position: relative;
            label{
              width: 112px;height: 28px;border: 1px solid #d3d3d3;display: inline-block;padding-left: 8px;
              line-height: 28px;
              i{
                color: #bbb;display: inline-block;
                border-left: 1px solid #d3d3d3;
                position: absolute;top: 0;right: 0;
                height: 28px;width: 24px;line-height: 28px;
                text-align: center;
              }
            }
            select{
              width: 112px;height: 28px;
              position: absolute;left: 0;top: 0;opacity: 0;
            }
          }
        }
      }
      .submit{
        width: 128px;height: 40px;text-align: center;
        line-height: 40px;border-radius: 8px;
        background-color: #80390f;color: #fff;
        font-size: 18px;cursor: pointer;
        position: absolute;bottom: 0;right: 0;
        transition: all 0.3s;
        &:hover{background-color: #9f390f;}
      }
    }
    .right-con{
      width: 330px;background-color: #f7f7f7;margin-top: 25px;
      padding: 22px 32px 40px;
      .title{
        font-size: 18px;color: #8f502b;text-align: center;
        span{
          display: inline-block;width: 45px;height: 1px;
          border-top: 1px solid #a3a3a3;vertical-align: middle;
        }
      }
      .info{
        margin-top: 16px;font-size: 12px;color: #666;line-height: 20px;
        p.color{color: #8f502b;}
        p.black{color: #333;margin: 16px 0 10px;}
        .tit{margin-top: 12px;}
      }
    }
  }
}
